@CHARSET "UTF-8";
/**前台使用的样式*/
/**
.p_bar { color:red;font-weight:bold; clear:both;text-align: right;}
.p_bar  .item{padding: 1px 6px;font-size: 13px;}
.p_bar a { border: 1px solid #ddd;color:#333;font-weight:normal; background:#eee;margin: 0 2px;border-radius: 8px 8px;padding: 2px 7px;}
.p_bar a.p_curpage {background-color: #111;color: #fff;}
.p_bar a:hover { background-color: #111; color:#fff;border:1px solid #ddd; text-decoration:none;font-weight:normal;}
.p_bar span{ color:#000; padding:4px 10px; background-color:#ddd; margin:5px; }
.p_bar kbd input[type='text']{width: 30px;height:24px;text-align: center;padding: 0;line-height: 24px;margin-left: 5px; margin-bottom: 4px;}
.p_pages,.p_total,kbd,#custompage,.last_num,.next_num,.first_num,.prev_num{display: none;}
*/

#pageinfo {
	clear: both;
	padding: 5px 0 0 0;
	text-align: left;
	float: right;
	display: flex;
	flex-direction: row;
}

#pageinfo .p_total,#pageinfo .p_pages{
	line-height: 35px;
	font-size: 12px;
}

#pageinfo .p_total {
	margin-right: 15px;
	color: #111;
}

#pageinfo .p_pages {
	margin: 0 15px;
	
}

#pageinfo .p_pages_select {
	margin: 0 2px;
}

#pageinfo .pageNo {
	display: flex;
	flex-direction: row;
	border: #dedede 1px solid;
	height: 29px;
}

#pageinfo .pageNo li {
	list-style: none;
	flex: 1;
	border-right: #dedede 1px solid;
}

#pageinfo .pageNo li:last-child {
	border-right: none;
}

#pageinfo .pageNo li:hover {
	border: 1px solid #333;
}

#pageinfo .p_num {
	background: transparent;
	display: block;
	padding: 4px 10px;
}

#pageinfo .pageNo li.p_curpage {
	color: #0070cc;
	border: 1px solid #0070cc;
}

#pageinfo a {
	text-decoration: none;
	color: #0f0f0f;
}
#pageinfo kbd{
	font-size: 12px;
	color: #888;
}

#pageinfo kbd input {
	background: transparent;
	color: #09A93D;
	vertical-align: middle;
	border: 1px solid #87941C;
	padding: 0 2px;
	width: 30px;
    text-align: center;
    height: 28px;
}

#pageinfo kbd>input {
	margin-bottom: 3px;
}

#pageinfo img {
	cursor: pointer;
	vertical-align: top;
	height: 30px;
    width: 30px;
}


@media (min-width: 992px) {
.p_pages,.p_total,kbd,#custompage,.last_num,.next_num,.first_num,.prev_num{display: inline;}
#custompage{cursor: pointer;}
}